<template>
  <div class="Baseinfor" id="Baseinfor">
    <div class="baseinfor">
<!--      <a-card title="基本信息" style="width: 100%" :bordered="false">-->

<!--      </a-card>-->
      <a-card title="识别异常设置" style="width: 100%" :bordered="false">
        <div>
          <p>
            当机器人无法理解用户的问法时，机器人会按照以下设置进行回复响应
          </p>
          <p>
            <span><i class="biaozhu">*</i>识别失败回复</span>
            <a-input v-model="infor.FailureReply" class="name_input" style="margin-left: 68px;"></a-input>
          </p>
        </div>
      </a-card>
      <a-button style="margin-left:20px" @click="holdData">保存</a-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      infor: {
        robotDefi: '',
        describe: '',
        WelMessage: '',
        robotName: '',
        birthday: '',
        mother: '',
        father: '',
        FailureReply: ''
      }
    }
  },
  methods: {
    holdData() {
      console.log(this.infor);

    }
  }

}
</script>

<style>
.Baseinfor {
  margin: 40px;
  min-height: calc(100vh - 59px);
}

.biaozhu {
  color: red;
}

.name_input {
  width: 400px;
  margin-left: 20px;
}

.span_base {
  width: 200px;
}

.baseinfor {
  width: 100%;
  height: 100%;
}
</style>